<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>第五大道奢侈品</title>

    <!-- Bootstrap -->

    <link rel="stylesheet" href="js/lib/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="css/detail.css">
    <link rel="stylesheet" href="css/base.css">
    <script src="js/lib/require.js" data-main="./js/detail_main"></script>


    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
    <script src="js/lib/html5shiv/html5shiv.min.js"></script>

    <script src="js/lib/respond/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<header>
    <div class="img text-center">
        <a href="#"><img src="img/header-img.jpg" alt="" style="width:100%;height:80px"></a>
    </div>
    <div class="hwrapper">
        <div class="center" style="padding: 10px 0 10px 50px;">
            <div class="left">

                <img src="img/home2.png" alt="" style="width: 15px;height: 15px;">
                <span><a href="#">第五大道首页</a></span>
                <img src="img/phone.png" alt="" style="width: 15px;height: 15px;margin-left: 10px">
                <span><a href="#">贵宾专线：4008-6767-38</a></span>

            </div>
            <div class="right" >

                <dl><dt><a href="login.html" class="login">登录</a><i></i></dt></dl>
                <dl><dt><a href="#" class="register"><img src="img/youli.gif" alt="" style="height:22px;display: inline-block;padding-bottom: 5px"> 注册</a><i></i></dt></dl>
                <dl class="block">
                    <dt><a href="#">我的第五大道</a><i></i></dt>
                    <dd style="display: none">
                        <ul>
                            <li  class="act">我的订单</li>
                            <li>我的收藏</li>
                            <li>已购商品</li>
                            <li>我的礼券</li>
                            <li>我的积分</li>
                        </ul>
                    </dd>
                </dl>
                <dl><dt><a href="#">帮助中心</a><i></i></dt></dl>
                <dl><dt><a href="#">手机版下载</a><b ><img src="img/qrcode.png" alt="" style="width: 15px;height: 15px;margin-left: 5px;margin-top: -2px"></b></dt></dl>

            </div>
        </div>
    </div>
</header>
<div class="mwrapper">
    <div class="mid">
        <div class="log"><a href="#"><img src="img/logo.jpg" alt="" style="margin-left: 40px"></a></div>
        <div class="ad"><a href="#"><img src="img/yijian.jpg" alt=""></a></div>
        <div class="search">
            <form action="">
                <input type="" placeholder="太阳镜" style="width:220px;height:40px;margin-top: 2px;border:2px solid peru"/><button style="width:80px;height:40px;background: peru;border: peru">搜索</button>
            </form>
            <ul style="float: left;width:400px" >
                <li><a href="#">连衣裙</a></li>
                <li><a href="#">美妆</a></li>
                <li><a href="#">运动户外</a></li>
                <li><a href="#">箱包</a></li>
                <li><a href="#">配饰</a></li>
                <li><a href="#">腕表</a></li>
            </ul>
        </div>
        <div class="cart">
            <div class="images"><a href="#"><img src="img/header-right.jpg" alt=""></a></div>
            <div class="carts">
                <dl>
                    <dt><img src="img/v30cart.png" alt=""><span>(<i>0</i>)</span></dt>
                    <dd>
                        <ul>
                            <li>
                                <p>
                                    购物袋暂时没有商品，
                                    <br>
                                    赶紧选择心爱的商品吧！
                                </p>
                            </li>
                        </ul>
                    </dd>
                </dl>
            </div>
        </div>
    </div>
</div>
<div class="nwrapper">
    <div class="nav">
        <ul>
            <li class="current">
                <a href="#">商品分类</a>
                <div class="pp">
                    <ul>
                        <li><a href="#">推荐品牌</a></li>
                        <li><a href="#">箱包</a></li>
                        <li><a href="#">美妆</a></li>
                        <li><a href="#">服装</a></li>
                        <li><a href="#">腕表</a></li>
                        <li><a href="#">配饰</a></li>
                        <li><a href="#">鞋靴</a></li>
                        <li><a href="#">母婴</a></li>
                        <li><a href="#">美酒</a></li>
                        <li><a href="#">美食</a></li>
                        <li><a href="#">家居</a></li>
                        <li><a href="#">电子</a></li>
                        <li><a href="#">办公</a></li>
                        <li><a href="#">礼品</a></li>
                        <li><a href="#">海外馆</a></li>
                    </ul>
                </div>
            </li>
            <li><a href="#">品牌</a></li>
            <li><a href="#">最新</a></li>
            <li><a href="#">女士</a></li>
            <li><a href="#">男士</a></li>
            <li><a href="#">生活馆</a></li>
            <li><a href="#">海外馆</a></li>
            <li><a href="#">时尚</a></li>
            <li><a href="#">特惠</a></li>
            <li><a href="#">礼品区</a></li>
            <li><a href="#">到店</a></li>
        </ul>
    </div>
</div>
<div class="detail">
    <div class="dleft">
        <table>
            <tbody>
            <tr>
                <td>
                    <div class="imgs">
                        <img src="img/detail_1.jpg" alt="" class="smallImg">
                        <div class="smallArea"></div>
                    </div>

                        <div class="bigArea">
                            <img src="img/detail_1.jpg" alt="" class="bigImg">
                        </div>


                    </div>
                </td>
            </tr>
            <tr class="small">
                <td>
                    <div class="tango">
                        <div class="contain">
                            <ul>
                                <li><img src="img/contain_1.jpg" alt=""></li>
                                <li><img src="img/contain_2.jpg" alt=""></li>
                                <li><img src="img/contain_3.jpg" alt=""></li>
                                <li><img src="img/contain_4.jpg" alt=""></li>
                                <li><img src="img/contain_5.jpg" alt=""></li>
                            </ul>
                        </div>
                    </div>
                </td>
            </tr>
            </tbody>
        </table>
    </div>
    <!--<div class="dright">-->
        <!--<ul>-->
            <!--<li class="first">-->
                <!--<dl>-->
                    <!--<dd><a href="#">Marcelo Burlon</a></dd>-->
                    <!--<dd><a href="#" name="cname">LA Dodgers Jacket</a></dd>-->
                    <!--<dd>货号: 5Lux1408434g_p4840790</dd>-->
                <!--</dl>-->
            <!--</li>-->
            <!--<li class="second">-->
                <!--<span>￥<i style="font-style: normal" class="price">13345</i></span>-->
                <!--<span>￥ 20017</span>-->
                <!--<div class="red-card">-->
                    <!--<span>红卡会员价</span>-->
                <!--</div>-->
                <!--<div class="qcode">-->
                    <!--<img src="img/fcode-1.jpg" alt="">-->
                    <!--<i></i>-->
                    <!--<div class="text">扫码下载手机客户端</div>-->
                <!--</div>-->
            <!--</li>-->
            <!--<li class="third">-->
                <!--<div class="fenqi">-->
                    <!--<span>分期价</span>-->
                    <!--<span>¥1195.49</span>-->
                    <!--<div class="date">× 12期 ></div>-->
                <!--</div>-->
                <!--<div class="server">-->
                    <!--<img src="img/server.png" alt="">-->
                <!--</div>-->
            <!--</li>-->
            <!--<li class="four">-->
                <!--<span>税费：</span>-->
                <!--<span>税费信息 </span>-->
                <!--<i></i>-->
            <!--</li>-->
            <!--<li class="five">-->
                <!--<span>大小</span>-->
                <!--<div class="ITEMS">-->
                    <!--<div class="item current"><a href="javascript:void(0)">XL US</a></div>-->
                    <!--<div class="item"><a href="javascript:void(0)">S US</a></div>-->
                    <!--<div class="item"><a href="javascript:void(0)">M US</a></div>-->
                    <!--<div class="item"><a href="javascript:void(0)">L US</a></div>-->
                <!--</div>-->
            <!--</li>-->
            <!--<li class="six">-->
                <!--<span>颜色</span>-->
                <!--<div class="color">-->
                    <!--<div class="it">Block</div>-->
                <!--</div>-->
            <!--</li>-->
            <!--<li class="seven">-->
                <!--<span>数量：</span>-->
                <!--<div class="num">-->
                    <!--<a  href="javascript:void(0)" class="del" >-</a>-->
                    <!--<input type="text" value="1" class="res">-->
                    <!--<a href="javascript:void(0)" class="add">+</a>-->
                <!--</div>-->
            <!--</li>-->
            <!--<li class="eight">-->
                <!--<div class="buy">-->
                    <!--<a href="javascript:void(0)"><span>立即购买</span></a>-->
                <!--</div>-->
                <!--<div class="car"><a href="javascript:void(0)"><span>加入购物袋</span><i></i></a></div>-->

            <!--</li>-->
            <!--<li></li>-->
        <!--</ul>-->
    <!--</div>-->
</div>
<div class="fwrapper">
    <div class="footer">
        <div class="ftop">
            <ul>
                <li><a href="#"><img src="img/ftop-1.jpg" alt=""></a>
                    <p>正品保障</p>
                    <p>品牌授权，官方验真</p>
                </li>
                <li><a href="#"><img src="img/ftop-2.jpg" alt=""></a>
                    <p>专柜发货</p>
                    <p>专柜直接或到店自取</p>
                </li>
                <li><a href="#"><img src="img/ftop-3.jpg" alt=""></a>
                    <p>无忧售后</p>
                    <p>7天无理由退换货</p>
                </li>
                <li><a href="#"><img src="img/ftop-4.jpg" alt=""></a>
                    <p>VIP服务</p>
                    <p>享品牌会员售前售后服务</p>
                </li>
                <li><a href="#"><img src="img/ftop-5.jpg" alt=""></a>
                    <p>权威荣誉</p>
                    <p>商务部授予诚信示范企业</p>
                </li>
            </ul>
        </div>
        <div class="fcenter">
            <dl>
                <dt >服务保障</dt>
                <dd><a href="#">品牌授权正品</a></dd>
                <dd><a href="#">品牌客服</a></dd>
                <dd><a href="#">预约到店体验</a></dd>
                <dd><a href="#">7天无理由退换</a></dd>
            </dl>
            <dl>
                <dt>使用帮助</dt>
                <dd><a href="#">常见问题</a></dd>
                <dd><a href="#">会员制度</a></dd>
                <dd><a href="#">集团采购</a></dd>
                <dd><a href="#">礼品卡</a></dd>
            </dl>
            <dl>
                <dt>支付方式</dt>
                <dd><a href="#">到店付款</a></dd>
                <dd><a href="#">货到付款</a></dd>
                <dd><a href="#">在线支付</a></dd>
                <dd><a href="#">余额支付</a></dd>
                <dd><a href="#">分期付款</a></dd>
            </dl>
            <dl>
                <dt>配送方式</dt>
                <dd><a href="#">配送说明</a></dd>
                <dd><a href="#">专柜自提</a></dd>
                <dd><a href="#">运费说明</a></dd>
                <dd><a href="#">验货签收</a></dd>
            </dl>
            <dl>
                <dt>售后服务</dt>
                <dd><a href="#">品牌售后</a></dd>
                <dd><a href="#">售后咨询</a></dd>
                <dd><a href="#">退换政策</a></dd>
                <dd><a href="#">发票保障</a></dd>
            </dl>

            <dl>
                <dt>第五大道APP</dt>
                <a href="#"><img src="img/fcode-1.jpg" alt=""></a>
            </dl>


            <dl>
                <dt>第五大道微博</dt>
                <a href="#"><img src="img/fcode-2.jpg" alt=""></a>
            </dl>



        </div>
    </div>
    <div class="wrap">
        <div class="fbottom">
            <div class="top" >

                <a href="#">美妆  |</a>
                <a href="#">服饰  |</a>
                <a href="#">腕表  |</a>
                <a href="#">配饰  |</a>
                <a href="#">鞋靴  |</a>
                <a href="#">特惠  |</a>
                <a href="#">礼品区</a>
            </div>
            <div class="middle">
                <a href="#">关于第五大道  |</a>
                <a href="#">网站地图  |</a>
                <a href="#">品牌合作专区  |</a>
                <a href="#">媒体聚焦  |</a>
                <a href="#">商务合作  |</a>
                <a href="#">商家合作  |</a>
                <a href="#">加入第五大道  |</a>
                <a href="#">友情链接  |</a>
                <a href="#">奢尚志  |</a>
                <a href="#">联系我们  |</a>
                <a href="#">投诉建议</a>
                <p>Copyright © 2008-2016 瑞美嘉信国际信息技术（北京）有限公司&nbsp; 版权所有京ICP备09012701号-1
                    京公网安备110105007400号 食品经营许可证号：
                </p>
            </div>
            <div class="bottom">
                <a href="#"><img src="img/fbottom-1.jpg" alt=""></a>
                <a href="#"><img src="img/fbottom-2.jpg" alt=""></a>
                <a href="#"><img src="img/fbottom-3.jpg" alt=""></a>

            </div>
        </div>
    </div>

</div>
<div class="slidebar">
    <ul>
        <li><a href="javascript:void(0)"></a></li>
        <li><a href="javascript:void(0)"></a></li>
        <li><a href="javascript:void(0)"></a></li>
        <li><a href="javascript:void(0)"></a></li>
        <li><a href="javascript:void(0)"></a></li>
        <li><a href="javascript:void(0)"></a></li>
        <li><a href="javascript:void(0)"></a></li>
        <li><a href="javascript:void(0)"></a></li>
    </ul>
    <div class="cartgoods">
        <div class="err"><i></i></div>
        <div class="car_txt">
            <i></i>
            <div class="cartxt">
                <p><b>商品成功放入购物袋，我的购物袋有<span class="numb"></span>件商品</b></p>
                <p>共计<span class="prices"></span>元，可以<a href="cartlists.html">去购物袋结算</a></p>
            </div>
        </div>
    </div>
</div>


<!--&lt;!&ndash;&lt;!&ndash; jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) &ndash;&gt;&ndash;&gt;-->
<!--<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>-->
<!--&lt;!&ndash;&lt;!&ndash; 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 &ndash;&gt;&ndash;&gt;-->
<!--<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>-->